<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title>美亚保险-保单详情页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
		<!--head_Thank start-->
<div class="head_Thank clearfix">
	<div class="w ">
	<div class="fl mg"><img src="images/head.png" /></div>
	<div class="fr center mt head">
		<p><img src="images/tel.png" /></p>
	</div>
	</div>
</div>
	<!-- head -->
	<div class="w partic_headline">
		<h1>保单详情</h1>
		<p class="clearfix"><span>&nbsp;*&nbsp;</span> 欢迎使用美亚旅行险保单查询服务，你填写的信息仅供本次查询有用，我们会为您的信息严格保密</p>
	</div>
	<!-- head end -->
	<!-- centent-->
	<div class="w partic_info">
		<h2>基本信息</h2>
		<ul class="bgwhite">
			<li><i>保单号：</i><span>JV091228</span></li>
			<li><i>投保人：</i><span>李明</span></li>
			<li><i>产品名称：</i><span>"宝岛游踪"台湾旅行保障计划</span></li>
			<li><i>被保险人数：</i><span>1人</span></li>
			<li><i>保险起止日期：</i><span>2016/03/04/24:00:00起 ———— 2016/03/04/23:59:59止</span></li>
			<li><i>电子邮箱：</i><span>lingming@sina.com</span></li>
			<li class="partic_ulTall"><i>保费：</i><span>RMB 375.00</span></li>
		</ul>
	</div>

	<div class="w partic_info">
		<h2>保障范围</h2>
		<ul class="bgwhite guarantee clearfix">
			<li class="clearfix"><i style="text-align:left;">保障项目</i><span>钻石计划</span></li>
			<li class="clearfix"><i>个人意外伤害和医疗保障</i><span>&nbsp;</span></li>
			<li class="clearfix"><i>意外身故及伤残保障</i><span>1,800（300/5小时）</span></li>
			<li class="clearfix"><i>双倍给付意外伤害（不适用与未成年人）</i><span>2,000（500/8小时）</span></li>
			<li class="clearfix"><i>医药补偿</i><span>15,000</span></li>
			<li class="clearfix" ><i>紧急救援</i><span>&nbsp;</span></li>
			
			<li class="clearfix"><i>医疗运送和送返</i><span>2,000</span></li>
			<ul style="display:none;border:0;" id="ifplan_tbnone">
			<li class="clearfix"><i>医疗运送和送返</i><span>2,000</span></li>
			<li class="clearfix"><i>医疗运送和送返</i><span>2,000</span></li>
			<li class="clearfix"><i>医疗运送和送返</i><span>2,000</span></li>
			<li class="clearfix"><i>医疗运送和送返</i><span>2,000</span></li>
			</ul>
		</ul>
		<div>
			<a href="javascript:;" class="ifplan_unfold" data-show="0" style="display:block;width:124px;height:28px;margin:0 auto;"><img src="images/if_unfold.png"></a>
		</div>
		
	</div>
	<div class="w partic_info">
		<h2>投保人信息</h2>
		<ul class="bgwhite">
			<li><i>姓名：</i><span>李明</span></li>
			<li><i>证件类型：</i><span>身份证 320724198812148888</span></li>
			<li><i>生日：</i><span>1988/12/14</span></li>
			<li><i>性别：</i><span>男</span></li>
			<li><i>手机号码：</i><span>18516261713</span></li>
			<li class="partic_ulTall"><i>邮箱：</i><span>abc@126.com</span></li>
		</ul>
	</div>
	<div class="w partic_info">
		<h2>被保人信息</h2>
		<ul class="bgwhite">
			<li><i>姓名：</i><span>李明</span></li>
			<li><i>证件类型：</i><span>身份证 320724198812148888</span></li>
			<li><i>生日：</i><span>1988/12/14</span></li>
			<li><i>性别：</i><span>男</span></li>
			<li><i>手机号码：</i><span>18516261713</span></li>
			<li class="partic_ulTall"><i>邮箱：</i><span>abc@126.com</span></li>
		</ul>
	</div>
	<div class="w partic_info" >
		<div style="margin:-25px 0 50px 0">
		<h2 >受益人</h2>
		<ul class="bgwhite">
			<li class="partic_ulTall"><i>身故保险金受益人：</i><span>继承人</span></li>
		</ul>
		</div>
		
	</div>
	
	
	<!-- content end -->
		<!--footer_Thank start-->
<div class="footer_Thank  clearfix">
	 <div class="clearfix wrap mb">
	 <h3  class="ptop" style="font-size:16px;font-weight:normal">保单变更/退保流程</h3>
	 	<div>
		<div class="fl wid  mtop ">
			<ol>
				<img src="images/alteration.png"  class="fl"/>
				<h3 class="" style="margin-left:68px;font-size:14px;font-weight:normal">表单变更</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
			<div class="fl mtop wid ptop" >
			<ol>
				<img src="images/wrong.png"   class="fl"/>
			    <h3 style="margin-left:68px;font-size:14px;font-weight:normal">退保</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
		</div>
	   </div>
			<div class="fl oh bd mlf wd">
		<p class="mtop">客服邮箱：<a href="#">customersevicechina@aig.com</a></p>
		<p>点击下载：<a href="#">《保险合同变更/退保申请书》</a></p>
		<h3 class="mtop "style="font-size:16px;font-weight:normal">特别提醒</h3>
			<ol class="mal">
				<li>请保证您的资料齐全，我们会在10个工作日内退款至您的账户</li>
				<li>请在保险合同生效日以前办理保单变更/退保业务，保单生效后本公司不予受理，敬请谅解。</li>
				<li>请提供投保人的储蓄账户接受退款（暂不支持信用卡）</li>
			</ol>
		</div>
		</div>
		<div>
		<div class="fl footerr mlf">
		<p><a href="#">官网两个不同的服务器热线的区别</a></p>
		<p><a href="#">旅行险服务问题</a></p>
		<p><a href="#">旅行险产品问答</a></p>
		<p><a href="#">常见问题</a></p>
		<p><a href="#">个人险理赔</a></p>
		</div>
		<div class="mtops"><img src="images/footer.png" class="fl mlf" /></div>
		</div>
	 </div>
	 <!--footer_Thank top end-->
	  <div class="clearfix wrap mtop">
	  <p class="marg"style="font-size:14px;">全球|中国></p>
	  <div class="footer_bottom pb" >
	  	<ul>
			<li><a href="#">隐私政策|</a></li>
			<li><a href="#">使用条款|</a></li>
			<li><a href="#">网站地图</a></li>
		</ul>
		<p class="cb">Copyngh&copy;2016 Americn Intemational Group,Inc.All nghts reserved.</p>
		<p style="color:#9e9e9e">沪ICP备09040636号—8</p>
	  </div>
	  </div>
</div>
<!--footer_end end-->
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script>
		 $(function(){
	
			$(".ifplan_unfold").on('click',function(){
				var show = $(this).attr('data-show');
				$('#ifplan_tbnone').toggle();
				if(show==1)
					$(this).html('<img src="images/if_unfold.png">') && $(this).attr('data-show', 0);
				else
					$(this).html('<img src="images/if_unfold.jpg">') && $(this).attr('data-show', 1);
			});
		 	 $(".bth1").click(function(){
		 	  if($("#emal").val()==""){  
		 	 	 $("#pro_email").html("<span style='color:#C41C30'>邮箱不能为空</span>");
		 	 	 $("#emal").css({"border-color":"#C41C30","color":"#C41C30","background":"url(images/wrong1.png) no-repeat 98% center"});
		 	 	 $("#emal").css({"background-color":"#FCF3F4"})
		 	 	 $("#emal").addClass("border_bg");
		 	 	 $("#emal").focus();
		 	 	  return false;
                }else{
                	$("#pro_email").html("<span style='color:green'>√</span>");
                }
 				var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
               if(!$("#emal").val().match(reg))  {   
                  $("#pro_email").html("<span style='color:red'>邮箱不正确！请重新输入</span>"); 
                  $("#emal").focus();  
                 }
		 	 });
		 	return true;

		 });
	</script>
</body>
</html>